/* index.scss */
.ui-navbar{
  position: fixed;
  z-index: 10;
  top: -1rpx;
  left: 0;
  overflow: hidden;
  width: 100vw;
  background-color: var(--win-navBar-backgroundColor);
  height: calc(var(--win-navBar-height) + var(--win-status-bar-height) + 1rpx);
  box-shadow: 0 0 10rpx var(--win-navBar-boxShadowColor);
  border-bottom: 1rpx solid var(--win-navBar-borderColor);
  &-content {
    overflow: hidden;
    margin-top: var(--win-status-bar-height);
    height: var(--win-navBar-height);
    line-height: var(--win-navBar-height);
    display: flex;
    flex-flow: row;
    &-left{
      height: 100%;
      display: flex;
      flex-flow: row;
      padding-left: 25rpx;
      &-min {
        width: calc(100vw - var(--win-rect-left));
      }
      &-max {
        width: var(--win-rect-left);
      }
      &-icon{
        padding-right: 10rpx;
      }
    }
    &-center {
      width: calc(var(--win-rect-left) * 2 - 100vw);
      text-align: center;
      height: 100%;
    }
    &-right {
      width: calc(100vw - var(--win-rect-left));
      height: 100%;
    }
  }
  &-placeholder {
    width: 100vw;
    min-height: calc(var(--win-navBar-height) + var(--win-status-bar-height) + 1rpx);
  }
}